<template>
  <div class="left-container">
    <h3>Left 组件</h3>
  </div>
</template>

<script>
export default {
    name: 'MyLeft',
    created() {
        console.log('created')
    },
    // 当组件第一次被创建时·，会执行created生命周期，也会执行activated生命周期
    // 当组件被激活时，只会触发activated生命周期，不再触发created，因为组件没有被重新创建
    activated() {
        console.log('组件被激活了，activated')
    },
    deactivated() {
        console.log('组件被缓存了，deactivated')
    }
}
</script>

<style lang="less">
.left-container {
  padding: 0 20px 20px;
  background-color: orange;
  min-height: 250px;
  flex: 1;
}
</style>
